
// 获取所有的商品cookie
function getAllCookie(){
	var coll = [];	// 自定义空数组，保持商品cookie的值
	var str = document.cookie;
	var arr = str.split("; ");
	var i = 0;
	var l = arr.length;
	for(; i<l; i++){
		var col = arr[i].split("=");
		// 因为网站内有可能有很多种cookie，所以这里只把购物车的cookie取出来
		if( /^g\d+$/.test(col[0]) ){
			// cookie值在创建时，用到了编码，所以获取时，要解码
			// cookie值是字符串，'{"id":"1", "title","标题"}'		需要把字符串转为 json 对象
			// 把json对象追加到数组中
			coll.push( JSON.parse(decodeURIComponent(col[1])) );
		}
	}
	return coll;
}	

$(function(){
	var arr = getAllCookie();
	//console.log( arr );
	var box = $("#box");
	$.each(arr, function(index, obj){
		// 行
		var ul = $("<ul></ul>");
		box.append(ul);
		
		var lia = $("<li></li>");
		ul.append(lia);
		lia.css({"width":"70px","padding":"20px 0 0 30px",})
		
		lia.html("<input type='checkbox' />");
		// 图片
		var li0 = $("<li></li>");
		ul.append(li0);
		li0.html("<img src='../img/"+obj.img+"'/>");
		li0.css("margin-top","10px")
		// 标题
		var li1 = $("<li></li>");
		ul.append(li1);
		li1.html(obj.title);
		li1.css({"width":"170px","height":"62px","margin-top":"20px"})
		// 单价
		var li2 = $("<li></li>");
		ul.append(li2);
		li2.html("￥"+obj.price);
		li2.css({"width":"100px","height":"20px","margin-left":"67px","margin-top":"20px"})
		// 优惠
		var lic = $("<li></li>");
		ul.append(lic);
		lic.css({"margin-top":"20px","margin-right":"9px"});
		lic.html("积分：99");
		// 数量
		var li3 = $("<li></li>");
		ul.append(li3);
		li3.css({"width":"104px","height":"18px","margin-left":"20px","margin-top":"20px"})
		var jian = $("<input value='-' type='button' />")
		
		li3.append(jian);
		var num = $("<input value='"+obj.num+"' type='text' />")
		num.css({"width":"20px","height":"16px"})
		num.attr("oldNum", obj.num);
		num.attr("gid", obj.id);
		num.attr("price", obj.price);
		li3.append(num);
		var jia = $("<input value='+' type='button' />")
		li3.append(jia);
		// 绑定事件
		// 重量
		var lid = $("<li></li>");
		ul.append(lid);
		lid.html("0.1kg");
		lid.css("margin","20px 20px 0 0");
		// 总价
		var li4 = $("<li></li>");
		ul.append(li4);
		li4.html("￥"+obj.price*obj.num);
		li4.css("margin","20px 0 0 30px")
		// 重量
		var lie = $("<li></li>");
		ul.append(lie);
		lie.css("margin","20px 0 0 65px")
		lie.html("现货");
		// 删除
		var li5 = $("<li></li>");
		ul.append(li5);
		li5.html("<a>收藏</a><a gid="+obj.id+">删除</a>");
		li5.css("margin","20px 0 0 25px")
	});
	// 绑定事件(找到加减两组按钮)
	$("input[type='button']").click(function(){
		//console.log( $(this).parent().children() );
		//console.log( $(this).val() );
		var arr = $(this).parent().children();	// 取当前点击的按钮的父节点的所有子节点
		var val = $(this).val();	// 取当前点击按钮的value
		var num = Number(arr[1].value);		// 取商品的数量
		var flag = false;
		if( val == "+" ){
			num ++;
		}else if( val == "-" ){
			num --;
			if( num <= 0 ){
				if( confirm("您确定删除该商品吗？") ){
					flag = true;
				}else{
					num = 1;
				}
			}
		}
		arr[1].value = num;		
		// 更新cookie中的数量
		SetGoods($(arr[1]).attr("gid"), num);
		// 总价更新
		var li = $(this).parent().parent().children()[7];	// 总价li
		$(li).html( "￥"+ $(arr[1]).attr("price")*num );
		// 删除
		if( flag == true ){
			var ul = $(this).parent().parent();
			ul.remove();
		}
	});
	// 输入框绑定事件s
	$("input[type='text']").blur(function(){		
		if( /^\d+$/.test(this.value) ){
			// 更新cookie中的数量
			SetGoods($(this).attr("gid"), this.value);
			// 总价
			var li = $(this).parent().parent().children()[3];	// 总价li
			$(li).html( "￥"+ $(this).attr("price")*this.value );
		}else{
			this.value = $(this).attr("oldNum");			
		}
	});
	// 删除
	$("a").click(function(){
		//var arr = $(this).parent().children();
		if( confirm("您确定删除该商品吗？") ){
			var id = $(this).attr("gid");
			SetGoods(id, 0);
			var ul = $(this).parent().parent();
			ul.remove();
		}
	});
	
	$(".ordercount-l input[type='text']").click(function(){
		$("#box").hide();
	})
	
	$(".btnn").click(function(){
		var btn=$("lia");
		
		if(btn==checked){
			ul.hide();
		}else{};
	})
	
	$(".jiesuan input[type='text']").click(function(){
		window.location.href="index.html";
	});
	$(".pay").click(function(){
		window.location.href="center.html";
	})
});

function SetGoods(id, num){
	//alert(id+","+ num);
	var str = getCookie("g"+id);
	var obj = JSON.parse(str);
	if( num <= 0 ){
		setCookie("g"+id, "", -10);
	}else{
		str = '{"id":"'+id+'", "title":"'+obj.title+'", "img":"'+obj.img+'", "price":"'+obj.price+'", "num":"'+num+'"}';
		setCookie("g"+id, str, 10);
	}	
}
	$(".jiesuan input[type='text']").click(function(){
		location.herf="center.html"
	});
